<template>
  <div id="app">
    <transition name="fade">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
export default {
  name: 'app',
  components: {},
  data() {
    return {}
  },
  created() {
    let path = this.$store.state.route.path;
    if (path.indexOf('page') < 1 && path.indexOf('login') < 1) {
      this.$router.replace('/login')
    }
  }
}
</script>

<style>
@import "../node_modules/font-awesome/css/font-awesome.min.css";
@import "../node_modules/flex.css/dist/flex.css";

.el-date-editor i.el-input__icon.el-icon-date {
  display: none !important;
}

.bounce-enter-active {
  animation: bounce-in .5s;
}

.bounce-leave-active {
  animation: bounce-out .2s;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0);
  }
}

body {
  /*background-color: #324057;*/
  margin: 0px;
  padding: 0px;
  /*background: url(assets/bg1.jpg) center !important;
    background-size: cover;*/
  /*background: #1F2D3D;*/
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

#app {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
}

.el-submenu [class^=fa] {
  vertical-align: baseline;
  margin-right: 10px;
}

.el-menu-item [class^=fa] {
  vertical-align: baseline;
  margin-right: 10px;
}

.flo-r {
  float: right;
}

.flo-l {
  float: left;
}

.flo-l:after,
.flo-r:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.toolbar .el-form-item {
  margin-bottom: 10px;
}

.toolbar {
  background: #fff;
  padding: 10px 10px 0px 10px;
}

#nprogress .bar {
  background: #FFEB3B !important;
}

#nprogress .peg {
  box-shadow: 0 0 10px #FFEB3B, 0 0 5px #FFEB3B !important;
}

#nprogress .spinner-icon {
  border-top-color: #FFEB3B !important;
  border-left-color: #FFEB3B !important;
}

.el-input {
  /*max-width: 210px;*/
}

.el-dialog--tiny {
  min-width: 500px;
}

.el-radio-group .el-radio {
  margin: 0 10px 5px 0;
}

.el-radio-group .el-radio {
  margin-left: 0px !important;
}

.charts-card {
  margin: 5px;
}

.card-tips {
  margin: 5px;
  text-align: center
}

.card-tips .c-t-ct {
  font-size: 18px;
  background: #eee;
  line-height:27px;
  padding: 5px;
  border-radius: 5px;
}

.card-tips h4 {
  margin: 10px 0;
}
</style>